<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="multipart/form-data; charset=utf-8"/>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap -->
    <link rel="stylesheet" href="../../plugins/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../plugins/jqgrid/ui.jqgrid-bootstrap.css">
    <!-- Bootstrap-table -->
    <link rel="stylesheet" href="../../plugins/bootstrap-table/dist/bootstrap-table.min.css">
    <!--<link rel="stylesheet" href="../../plugins/bootstrap-table/dist/extensions/treegrid/bootstrap-table-treegrid.min.css">-->
    <link rel="stylesheet" href="../../plugins/bootstrap-treeview/dist/css/bootstrap-treeview.min.css">
    <link href="../../plugins/bootstrap.fileinput/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="../../plugins/bootstrap.fileinput/css/fileinput-rtl.min.css" media="all" rel="stylesheet"
          type="text/css"/>
    <!-- Font Awesome -->
    <link rel="stylesheet" href="../../css/font-awesome.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="../../css/AdminLTE.min.css">
    <link rel="stylesheet" href="../../plugins/bootstrap-datetimepicker/dist/css/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="../../css/modules/project/newproject.css">
    <!-- Select2 -->
    <link rel="stylesheet" href="../../plugins/select2/select2.min.css">
    <link rel="stylesheet" href="../../plugins/jqgrid/ui.jqgrid.css">
    <link rel="stylesheet" href="../../plugins/jquery-treegrid/jquery.treegrid.min.css">
    <link rel="stylesheet" href="../../css/main.css">
    <link rel="stylesheet" href="../../css/modules/project/projectdetails.css">
    <style>
        .p1{

            width:175px;

        }
        .layui-layer-page .layui-layer-content {
            /*overflow: hidden!important;*/
            /*padding: 20px 20px 60px;*/
            box-sizing: border-box;
        }

        #layui-layer-shade2 {
            z-index: 988 !important;
        }

        #layui-layer2 {
            z-index: 990 !important;
        }

        /* 责任人弹框数据容器 高度：500-42-80 */
        .layui-layer-content .data-pane {
            /*height: 378px;*/
            overflow: auto;
        }

        .layui-layer-content .btn-pane {
            padding: 10px;
        }

        /*padding: 22px 20px;*/

        /* 上传弹框 */
        .upload-box {
            box-sizing: border-box;
            height: 100%;
            /*padding: 22px 20px;*/
        }

        .layui-layer-page .layui-layer-content {
            position: relative;
            /* overflow: auto; */
        }

        #stage-table .btn {
            margin-right: 10px;
        }

        #stage-table .btn:last-of-type {
            margin-right: 0;
        }

        .tab-pane .fj {
            display: none;
        }
        .title-project{
            max-width: 18em;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            color: #0d6aad;
            font-size: 16px;
            font-weight: 700;
        }

        #gbox_listsg11 {

        }

        .ui-jqgrid .ui-jqgrid-bdiv {
            overflow-x: hidden;
        }

        .layer-form-content {
            padding-top: 10px;
            /*margin-bottom: 20px;*/
            box-sizing: border-box;
        }

        .layer-input-container {
            height: 200px;
            margin-bottom: 15px;
        }
        .layer-input-container.layer-contract-input-container {
            height: 240px;
        }

        .layer-input-cell {
            overflow: hidden;
        }

        .layer-input-cell .control-label {
            line-height: 34px;
        }

        .layer-operate-container {
            text-align: center;
            box-sizing: border-box;
        }

        .layer-operate-container .btn {
            padding-left: 25px;
            padding-right: 25px;
        }
        .new-project-wrapper .form-control {
            background-color: #fff;
        }
        /*select2插件选中元素颜色*/
        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            color: #333;
        }
    </style>
</head>
<body class="page-wrapper">
<div id="rrapp">

    <div v-show="showList">
        <div class="row">
            <div class="col-xs-12">
                <div class="box box-primary">
                    <div class="box-body">
                        <span id="projectInfoProjectNumber" class="title-project"></span>&nbsp;&nbsp;&nbsp;<span id="projectInfoProjectName" class="title-project"></span>
                        <div class="nav-pane">
                            <ul class="nav nav-tabs nav-p-progress" id="nav-p-progress" role="tablist">
                                <li class="active"><a class="btn-milepost" href="#milestone"
                                                      aria-controls="home" role="tab"
                                                      data-toggle="tab">里程碑</a></li>
                                <li><a id="btn-details" class="btn-details" href="#details"
                                       aria-controls="profile"
                                       role="tab" data-toggle="tab">项目信息</a></li>
                                <li><a id="btn-scale" class="btn-scale" href="#scale"
                                       aria-controls="messages" role="tab"
                                       data-toggle="tab">项目规模</a></li>
                                <li><a id="btn-summary" class="btn-summary" href="#summary"
                                       aria-controls="settings"
                                       role="tab" data-toggle="tab">会议纪要</a></li>
                                <li><a class="btn-payment" href="#payment" aria-controls="settings"
                                       role="tab" data-toggle="tab">收付款情况</a></li>
                                <li><a class="btn-communication" href="#communication"
                                       aria-controls="settings" role="tab"
                                       data-toggle="tab">沟通联系单</a></li>
                                <li><a class="btn-message" href="#message" aria-controls="settings"
                                       role="tab" data-toggle="tab">消息</a></li>
                            </ul>
                            <!--<a class="btn btn-primary" id="return" @click="return" style="float: left">&nbsp;返回</a>-->
                        </div>
                        <div class="tab-content" id="tab-p-content">
                            <!--里程碑-->
                            <div role="tabpanel" class="tab-pane active" id="milestone">
                                <div class="nav-pane" style="display: none;">
                                    <ul class="nav nav-tabs nav-p-graphic" id="nav-p-graphic">
                                        <li class="">
                                            <p>0.申报材料</p>
                                            <div class="graphic-item">
                                                <i class="graphic-rhombi"></i>
                                            </div>
                                            <div class="graphic-msg">
                                                <p>材料申报</p>
                                                <p>实际开始时间：<span>2018-09-10</span></p>
                                                <p>实际结束时间：<span>2018-09-15</span></p>
                                                <p>当前阶段已超期 <span>2</span> 天</p>
                                            </div>
                                            <!--<a href="#"></a>-->
                                        </li>
                                        <li class="complete-item">
                                            <p>1.现场勘查</p>
                                            <div class="graphic-item">
                                                <i class="graphic-rhombi"></i>
                                            </div>
                                            <div class="graphic-msg">
                                                <p>材料申报</p>
                                                <p>实际开始时间：<span>2018-09-10</span></p>
                                                <p>实际结束时间：<span>2018-09-15</span></p>
                                                <p>当前阶段已超期 <span>2</span> 天</p>
                                            </div>
                                            <!--<a href="#"></a>-->
                                        </li>
                                        <li class="overtime-item">
                                            <p>2.编制方案</p>
                                            <div class="graphic-item">
                                                <i class="graphic-rhombi"></i>
                                            </div>
                                            <div class="graphic-msg">
                                                <p>材料申报</p>
                                                <p>实际开始时间：<span>2018-09-10</span></p>
                                                <p>实际结束时间：<span class="real-end-time">2018-09-15</span></p>
                                                <p>当前阶段已超期 <span class="real-end-days">2</span> 天</p>
                                            </div>
                                            <!--<a href="#"></a>-->
                                        </li>
                                        <li class="current-item">
                                            <p>3.审查方案</p>
                                            <div class="graphic-item">
                                                <i class="graphic-rhombi"></i>
                                            </div>
                                            <div class="graphic-msg">
                                                <p>材料申报</p>
                                                <p>实际开始时间：<span>2018-09-10</span></p>
                                                <p>实际结束时间：<span>2018-09-15</span></p>
                                                <p>当前阶段已超期 <span>2</span> 天</p>
                                            </div>
                                            <!--<a href="#"></a>-->
                                        </li>
                                        <li class="active-p undone-item">
                                            <p>4.下达审查意见书</p>
                                            <div class="graphic-item">
                                                <i class="graphic-rhombi"></i>
                                            </div>
                                            <div class="graphic-msg">
                                                <p>材料申报</p>
                                                <p>实际开始时间：<span>2018-09-10</span></p>
                                                <p>实际结束时间：<span>2018-09-15</span></p>
                                                <p>当前阶段已超期 <span>2</span> 天</p>
                                            </div>
                                            <!--<a href="#"></a>-->
                                        </li>
                                        <li class="">
                                            <p>5.下达设计任务书</p>
                                            <div class="graphic-item">
                                                <i class="graphic-rhombi"></i>
                                            </div>
                                            <div class="graphic-msg">
                                                <p>材料申报</p>
                                                <p>实际开始时间：<span>2018-09-10</span></p>
                                                <p>实际结束时间：<span>2018-09-15</span></p>
                                                <p>当前阶段已超期 <span>2</span> 天</p>
                                            </div>
                                            <!--<a href="#"></a>-->
                                        </li>
                                        <li class="">
                                            <p>6.资产移交</p>
                                            <div class="graphic-item">
                                                <i class="graphic-rhombi"></i>
                                            </div>
                                            <div class="graphic-msg">
                                                <p>材料申报</p>
                                                <p>实际开始时间：<span>2018-09-10</span></p>
                                                <p>实际结束时间：<span>2018-09-15</span></p>
                                                <p>当前阶段已超期 <span>2</span> 天</p>
                                            </div>
                                            <!--<a href="#"></a>-->
                                        </li>

                                    </ul>
                                </div>
                                <div class="container-fluid">
                                    <table id="stage-table"></table>
                                </div>
                            </div>
                            <!--项目信息-->
                            <div role="tabpanel" class="tab-pane" id="details">
                                <div class="form-p-container">
                                    <div class="container-fluid">
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label for="">项目名称：</label>
                                                    </div>
                                                    <div class="flex-inp">
                                                        <input id="projectName" type="text" class="form-control"
                                                               placeholder="">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label for="">项目编号：</label>
                                                    </div>
                                                    <div class="flex-inp">
                                                        <input id="projectNumber" type="text" class="form-control"
                                                               placeholder="" readonly="readonly">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <!--<div class="col-sm-6">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label for="">项目申请方：</label>
                                                    </div>
                                                    <div class="flex-inp">
                                                        <input id="applicantName" type="text" class="form-control"
                                                               placeholder="" readonly="readonly">
                                                    </div>
                                                </div>
                                            </div>-->
                                            <div class="col-sm-6">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label for="">项目申请方：</label>
                                                    </div>
                                                    <div class="flex-inp">
                                                        <select id="applicantName" class="form-control" v-model="projectEntity.applicant">
                                                            <option v-for="(item,index) in applicantList" :value="item.id">
                                                                {{item.text}}
                                                            </option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label for="">电压类型：</label>
                                                    </div>
                                                    <div class="flex-inp">
                                                        <select id="voltageType" class="form-control">
                                                            <option selected>--请选择--</option>
                                                            <option value="1">中压</option>
                                                            <option value="2">高压</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label for="">项目经理：</label>
                                                    </div>
                                                    <div class="flex-inp">
                                                        <select id="projectManager" class="form-control" v-model="projectEntity.projectManager">
                                                            <option v-for="(item,index) in pmList" :value="item.pmId">
                                                                {{item.pmName}}
                                                            </option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label for="">项目申报时间：</label>
                                                    </div>
                                                    <div class="flex-inp">
                                                        <!--<input id="projectTime" type="text" class="form-control"
                                                               placeholder="" readonly="readonly">-->
                                                        <input type="text" ref="input1" class="form-control" id="inp-date-start"
                                                               placeholder="项目申报时间" name="projectTime">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>


                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label for="">项目类型：</label>
                                                    </div>
                                                    <div class="flex-inp">
                                                        <select id="projectType" class="form-control" disabled="true">
                                                            <option value="1">输电</option>
                                                            <option value="2">配电</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-sm-6">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label for="">项目级别：</label>
                                                    </div>
                                                    <div class="flex-inp">
                                                        <select id="projectLevel" class="form-control">
                                                            <option selected>--请选择--</option>
                                                            <option value="1">紧急</option>
                                                            <option value="2">重要</option>
                                                            <option value="3">一般</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>


                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label for="">法人管理费：</label>
                                                    </div>
                                                    <div class="flex-inp">
                                                        <input id="corporateCheckingMoney" type="text" class="form-control"
                                                               placeholder="">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label for="">项目所属区域：</label>
                                                    </div>
                                                    <div class="col-sm-10">
                                                        <!--<p id="projectArea" type="text" class="form-control" style="word-break:break-word;height:auto;" ></p>-->
                                                        <select  class="form-control select2" id="projectArea" multiple="multiple"
                                                                 data-placeholder="选择所属区域"
                                                                 style="width: 100%;">
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label for="">相关线路：</label>
                                                    </div>
                                                    <div class="col-sm-10">
                                                        <input id="line" type="text" class="form-control" placeholder="" style="width: 100%;">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label for="">项目描述：</label>
                                                    </div>
                                                    <div class="flex-inp">
                                            <textarea name="" id="projectDescribe" cols="" rows="10"
                                                      style="width: 100%;height:100px;"></textarea>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row form-submit-panel">
                                            <button id="butSubmit" @click="butSubmit" type="button" class="btn btn-info btn-submit">提交
                                            </button>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <!--项目规模-->
                            <div role="tabpanel" class="tab-pane" id="scale">
                                <div class="form-p-container">
                                    <div class="container-fluid">
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label for="">建设单位管理费：</label>
                                                    </div>
                                                    <div class="flex-inp">
                                                        <input type="text" class="form-control"
                                                               v-model="projectScale.managementConstructionAmount"
                                                               placeholder="请输入金额(单位:万元)" onkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d{2}$/.test(value))event.returnValue=false"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label for="">招标费：</label>
                                                    </div>
                                                    <div class="flex-inp">
                                                        <input type="text" class="form-control"
                                                               v-model="projectScale.tenderingAmount"
                                                               placeholder="请输入金额(单位：万元)" onkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d{2}$/.test(value))event.returnValue=false"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label for="">工程监理费：</label>
                                                    </div>
                                                    <div class="flex-inp">
                                                        <input type="text" class="form-control"
                                                               v-model="projectScale.engineeringSupervisionAmount"
                                                               placeholder="请输入金额(单位:万元)" onkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d{2}$/.test(value))event.returnValue=false"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label for="" >勘察设计费：</label>
                                                    </div>
                                                    <div class="flex-inp">
                                                        <input type="text" class="form-control"
                                                               v-model="projectScale.surveyDesignAmount"
                                                               placeholder="请输入金额(单位:万元)" onkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d{2}$/.test(value))event.returnValue=false"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label for="">其他费用：</label>
                                                    </div>
                                                    <div class="flex-inp">
                                                        <input  type="text" class="form-control"
                                                               v-model="projectScale.otherAmount"
                                                               placeholder="请输入金额(单位:万元)" onkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d{2}$/.test(value))event.returnValue=false"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label for="" >甲供物资：</label>
                                                    </div>
                                                    <div class="flex-inp">
                                                        <input  type="text" class="form-control"
                                                                v-model="projectScale.firstPartyAmount"
                                                                placeholder="请输入金额(单位:万元)" onkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d{2}$/.test(value))event.returnValue=false"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label for="" >三防施工费：</label>
                                                    </div>
                                                    <div class="flex-inp">
                                                        <input  type="text" class="form-control"
                                                                v-model="projectScale.threeProofingAmount"
                                                                placeholder="请输入金额(单位:万元)" onkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d{2}$/.test(value))event.returnValue=false"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label for="">土建施工费：</label>
                                                    </div>
                                                    <div class="flex-inp">
                                                        <input  type="text" class="form-control"
                                                                v-model="projectScale.civilConstructionAmount"
                                                                placeholder="请输入金额(单位:万元)" onkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d{2}$/.test(value))event.returnValue=false"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label for="">电气施工费：</label>
                                                    </div>
                                                    <div class="flex-inp">
                                                        <input  type="text" class="form-control"
                                                                v-model="projectScale.electricalConstructionAmount"
                                                                placeholder="请输入金额(单位:万元)" onkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d{2}$/.test(value))event.returnValue=false"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label for="" >预备费用：</label>
                                                    </div>
                                                    <div class="flex-inp">
                                                        <input  type="text" class="form-control"
                                                                v-model="projectScale.prepareAmount"
                                                                placeholder="请输入金额(单位:万元)" onkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d{2}$/.test(value))event.returnValue=false"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                        <label  for="">项目规模：</label>
                                                    </div>
                                                    <div class="flex-inp">
                                                        <span id="scalePlannMoney" class="total-price">{{(projectScale.managementConstructionAmount)*1 + (projectScale.tenderingAmount)*1 +(projectScale.engineeringSupervisionAmount)*1 +(projectScale.surveyDesignAmount)*1 +(projectScale.otherAmount)*1 +(projectScale.firstPartyAmount)*1 +(projectScale.threeProofingAmount)*1 +(projectScale.civilConstructionAmount)*1 +(projectScale.electricalConstructionAmount)*1 +(projectScale.prepareAmount)*1}}</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-flex">
                                                    <div class="flex-label">
                                                    </div>
                                                    <div class="flex-inp">
                                                        <p align="right"><font color="red">单位：万元</font></p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row form-submit-panel">
                                            <button @click="saveOrScale" type="button" class="btn btn-info btn-submit">
                                                提交
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--会议纪要-->
                            <div role="tabpanel" class="tab-pane" id="summary">
                                <div class="list-p-container">
                                            <div class="grid-btn">
                                                <a v-if="hasPermission('generator:conferencesummary:save')"
                                                   class="btn btn-primary"
                                                   id="addConferenceSummary"><i class="fa fa-plus"></i>&nbsp;添加会议</a>
                                            </div>
                                            <table id="jqGridMeeting"></table>
                                            <div id="jqGridPagerMeeting"></div>
                                </div>
                            </div>
                            <!--收付款情况-->
                            <div role="tabpanel" class="tab-pane" id="payment">
                                <div class="container-fluid" style="text-align: center; overflow-x: auto;">
                                    <!--<div class="form-group">
                                        <div class="grid-btn">
                                            <a class="btn btn-primary"
                                               id="exportReport"><i class="fa fa-plus"></i>&nbsp;导出收付款详情</a>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div style="height: 50px"></div>
                                                <div class="col-sm-4 control-label"><font size="4">收款金额：</font></div>
                                                <div class="col-sm-8">
                                                    <p id="receivablesSum" style="color:red;font-size:20px;"></p>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div style="height: 50px"></div>
                                                <div class="col-sm-4 control-label"><font size="4">付款金额：</font></div>
                                                <div class="col-sm-8">
                                                    <p id="paymentSum" style="color:red;font-size:20px;"></p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>-->
                                    <div style="display: block; min-width: 1200px; overflow-x: hidden;">
                                        <div style="width: 1200px; margin-left: auto; margin-right: auto;">
                                            <div class="form-group">
                                                <!--<div class="grid-btn" style="text-align: left">
                                                    <a class="btn btn-primary"
                                                       id="exportReport"><i class="fa fa-plus"></i>&nbsp;导出收付款详情</a>
                                                </div>-->
                                                <div class="row">
                                                    <div class="col-sm-2" style="text-align: left;">
                                                        <a class="btn btn-primary"
                                                           id="exportReport" style="margin-left: -15px"><i class="fa fa-plus"></i>&nbsp;导出收付款详情</a>
                                                    </div>
                                                    <div class="col-sm-1"></div>
                                                    <div class="col-sm-3">
                                                        <!--<div style="height: 50px"></div>-->
                                                        <div class="col-sm-12 control-label"><font size="4">收款金额：</font><span id="receivablesSum" style="color:red;font-size:20px;"></span></div>
                                                        <!--<div class="col-sm-8">
                                                            <p id="receivablesSum" style="color:red;font-size:20px;"></p>
                                                        </div>-->
                                                    </div>
                                                    <div class="col-sm-3">
                                                        <!--<div style="height: 50px"></div>-->
                                                        <div class="col-sm-12 control-label"><font size="4">付款金额：</font><span id="paymentSum" style="color:red;font-size:20px;"></span></div>
                                                        <!--<div class="col-sm-8">
                                                            <p id="paymentSum" style="color:red;font-size:20px;"></p>
                                                        </div>-->
                                                    </div>
                                                    <div class="col-sm-3">
                                                        <!--<div style="height: 50px"></div>-->
                                                        <div class="col-sm-12 control-label"><font size="4">收付款比例：</font><span id="proportion" style="color:red;font-size:20px;"></span></div>
                                                        <!--<div class="col-sm-8">
                                                            <p id="paymentSum" style="color:red;font-size:20px;"></p>
                                                        </div>-->
                                                    </div>
                                                </div>
                                            </div>

                                            <table id="listsg11"></table>
                                            <div id="pagersg11"></div>
                                        </div>

                                    </div>
                                    <!-- width="300%" -->

                                </div>
                            </div>
                            <!--沟通联系单-->
                            <div role="tabpanel" class="tab-pane" id="contactSheet">
                                <div class="list-p-container">
                                    <div class="grid-btn">
                                        <a v-if="hasPermission('generator:contactsheet:save')"
                                           class="btn btn-primary"
                                           id="addContactSheet"><i class="fa fa-plus"></i>&nbsp;添加联系沟通单</a>
                                    </div>
                                    <table id="jqGridContactSheet"></table>
                                    <div id="jqGridPagerContactSheet"></div>
                                </div>
                            </div>
                            <!--消息-->
                            <div role="tabpanel" class="tab-pane" id="message">
                                <div class="list-msg-container">
                                    <div class="input-group" style="margin-bottom: 20px;">
                                        <input type="text" id="messContent" name="projectDescribe" v-model="currentMsg" maxlength="2000" placeholder="请输入消息..." class="form-control" onkeyup="this.value=this.value.substring(0, 2000)">
                                        <span class="input-group-btn">
                                            <button type="button" class="btn btn-primary btn-flat" id="sendMess" @click="goDetails">发送</button></span>
                                    </div>
                                    <!--<div class="">
                                            <textarea id="messContent" cols="" rows="7" style="width: 100%"
                                                      name="projectDescribe" placeholder="请填写消息内容" v-model="currentMsg" maxlength="2000"
                                                      onkeyup="this.value=this.value.substring(0, 2000)"></textarea>
                                    </div>
                                    <div class="operate-pane" style=" text-align: right;">
                                        <a class="btn btn-primary" id="sendMess" href="javascript:void(0)"
                                           @click="goDetails">发送</a>
                                    </div>-->
                                    <div class="list-group">
                                        <div class="box-body chat" id="chat-box">
                                            <div class="item" v-for="(item, index) in projectMessage">
                                                <img src="../../img/user-local.png" alt="user image" class="">

                                                <div class="message">
                                                    <a href="#" class="name">
                                                        <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> {{item.sentData}}</small>
                                                        {{item.sentUserName}}
                                                    </a>
                                                    <p style="min-height: 20px">{{item.messageContent}}</p>
                                                </div>
                                            </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="../../libs/jquery.min.js"></script>
<script src="../../libs/jquery.json.min.js"></script>
<script src="../../plugins/layer/layer.js"></script>
<!-- Bootstrap -->
<script src="../../plugins/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Bootstrap table -->
<script src="../../plugins/bootstrap-table/dist/bootstrap-table.js"></script>
<!-- Bootstrap table treegrid -->
<script src="../../plugins/bootstrap-table/dist/extensions/treegrid/bootstrap-table-treegrid.min.js"></script>
<script src="../../plugins/bootstrap-treeview/dist/js/bootstrap-treeview.min.js"></script>
<script src="../../plugins/jqgrid/jquery.jqGrid.min.js"></script>
<script src="../../plugins/bootstrap.fileinput/js/fileinput.js" type="text/javascript"></script>
<script src="../../plugins/bootstrap.fileinput/js/zh.js" type="text/javascript"></script>
<script src="../../plugins/jquery-treegrid/jquery.treegrid.min.js"></script>
<script src="../../plugins/jqgrid/grid.locale-cn.js"></script>
<script src="../../plugins/jqgrid/jquery.jqGrid.min.js"></script>
<script src="../../plugins/ztree/jquery.ztree.all.min.js"></script>
<script src="../../libs/vue.min.js"></script>
<script src="../../js/common.js"></script>
<script src="../../plugins/bootstrap-datetimepicker/dist/js/bootstrap-datetimepicker.min.js"></script>
<script src="../../plugins/bootstrap-datetimepicker/dist/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<!-- Select2 -->
<script src="../../plugins/select2/select2.min.js"></script>
<script src="../../libs/ajaxupload.js"></script>
<script src="../../js/modules/project/projectdetails.js"></script>
</div></body>
</html>